.sign_in {
  /* 界定盒子大小即为边框大小 */
  box-sizing: border-box;
  /* 高度为可视化 */
  height: 100vh;
  /* 内边框 */
  padding: 0.5rem;
  /* 宽度 */
  width: 100% !important;
  /* 背景图片 */
  background: url(../img/bg.jpg) no-repeat !important;
  /* 背景图大小 */
  background-size: 100% 100% !important;
  /* position: relative; */
  /* background-image: repeating-radial-gradient(#fff, rgb(79, 224, 75) 10%, rgb(243, 244, 247) 15%) !important; */
}

/* 重置按钮 */
.el-main .el-button--default {
  margin: 0 !important;
  margin-right: 5px !important;
}

.el-main .el-button--default:hover {
  color: #7c7575;
}

/* 添加按钮 */
.el-main .el-button--default.el-button--primary,
.el-main .el-button--primary {
  margin: 0 !important;
  margin-right: 8px !important;
  margin-bottom: 5px !important;
}

/* 删除按钮 */
.el-main .el-button--danger.el-button {
  margin-left: 12px;

  margin: 0 !important;
  margin-bottom: 5px !important;
}
#app .el-button.el-button--small.is-plain.el-button--primary {
  /* 	margin-left: 20px !important; */
  margin-bottom: 5px !important;
}

.el-image {
  height: 100%;
  width: 100%;
}
.el-avatar--circle img {
  height: 100% !important;
  width: 100% !important;
}
.action_right {
  float: left !important;
}
.item-ltb {
  display: none;
}
.sign_in .el-form {
  margin-top: 100px !important;
}
.el-button--success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
  margin-bottom: 5px !important;
}
.geetest_box_title {
  margin-right: 28px !important;
}
.register_wrap img {
  width: 100% !important;
  height: 100% !important;
}

.login_conter h1::before {
  content: '您好！欢迎来到';
  font-size: 20px;
  font-weight: 400;
}
.login_conter h1 {
  font-size: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: 400;
  color: #333;
}
.login_conter .el-form-item__label,
.geetest_box_title {
  display: none;
}
#app .login_conter .el-form-item__content .el-input,
.geetest_box .el-input {
  color: #555 !important;
  position: relative;
  margin-left: -12px;
}
.geetest_box {
  margin-left: 53px;
}
.login_conter
  .el-form-item:nth-child(2)
  .el-form-item__content
  .el-input::before {
  content: '';
  background: url(../img/ac.png) no-repeat !important;
  /* 背景图大小 */
  background-size: 100% 100% !important;
  height: 30px;
  width: 30px;
  display: block;
  margin-left: 50px;
  position: absolute;
  left: -35px;
  top: 5px;
}
.login_conter
  .el-form-item:nth-child(3)
  .el-form-item__content
  .el-input::before {
  content: '';
  background: url(../img/pw.png) no-repeat !important;
  /* 背景图大小 */
  background-size: 100% 100% !important;
  height: 28px;
  width: 28px;
  display: block;
  margin-left: 50px;
  position: absolute;
  left: -35px;
  top: 5px;
}
.login_conter .geetest_box .el-input::before {
  content: '';
  background: url(../img/yz.png) no-repeat !important;
  /* 背景图大小 */
  background-size: 100% 100% !important;
  height: 28px;
  width: 28px;
  display: block;
  margin-left: 50px;
  position: absolute;
  left: -35px;
  top: 5px;
}
#app .login_conter .el-form-item__content .el-input__inner,
.geetest_box .el-input .el-input__inner {
  padding-left: 50px;
}
#app .login_conter .el-form-item__content {
  margin-left: 50px !important;
  margin-bottom: 20px;
}
#app .login_conter .el-form-item__content .el-input__inner::placeholder,
.geetest_box .el-input__inner::placeholder,
.sign_in .el-form-item__content .el-input__inner::placeholder {
  /* padding-left: 50px; */
  color: #555 !important;
  font-size: 14px;
}

.el-form-item__error {
  color: #f56c6c;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 27% !important;
  left: 231px !important;
}
#canvas {
  background-color: #fff !important;
}
.sign_in .form {
  background-color: #ffffff9c;
  padding-bottom: 50px !important;
  min-width: 470px !important;
}
.sign_in .form .lg_login {
  width: 90% !important;
  margin: 10px 20px 10px 0px;
}
.sign_in .form .btns {
  position: relative;
}
.sign_in .form .lg_forgot,
.sign_in .form .lg_register {
  background-color: transparent;
  border: none;
  color: #54595a;
  width: 150px;
}
.sign_in .form .lg_forgot {
  position: absolute;
  top: 55px;
  /* left: -10px; */
  /* width: 50% !important; */
  /* height: 30px;
		line-height: 30px; */
}

.sign_in .form .lg_forgot span::before {
  content: '';
  background: url(../img/wm.png) no-repeat !important;
  /* 背景图大小 */
  background-size: 100% 100% !important;
  height: 30px;
  width: 30px;
  display: block;

  position: absolute;
  top: 5px;
}
.sign_in .form .lg_register {
  position: absolute;
  top: 57px;
  right: -10px;
  /* width: 50% !important; */
  /* height: 30px;
		line-height: 30px; */
  width: 32% !important;
}
.sign_in .form .lg_register span::before {
  content: '';
  background: url(../img/rg.png) no-repeat !important;
  /* 背景图大小 */
  background-size: 100% 100% !important;
  height: 25px;
  width: 25px;
  display: block;

  position: absolute;
  top: 5px;
}
#app .register_wrap .form {
  /* width:50% !important;
		max-width: 50% !important; */
}
.register_wrap h1 {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 400;
  color: #333;
}
.register_wrap h1::before {
  content: '欢迎您';
}
.sign_in .el-form-item__label {
  color: #222 !important;
  width: 150px !important;
  text-align: center;
}
.sign_in .el-form-item__label::after {
  content: '：';
}
.sign_in .el-form-item__content {
  width: 320px !important;
  margin-left: 40px !important;
}
.register_wrap .float-right,
.forgot_wrap .float-right {
  float: none;
}
.register_wrap .rs_back {
  margin-left: 10px !important;
}
.register_wrap .rs_register {
  margin-left: 130px !important;
}
.forgot_wrap .el-button {
  width: 20% !important;
}
.search_btn_wrap_1 {
  display: flex;
  flex-direction: row;
  width: auto !important ;
}
.derive {
  margin-right: 5px !important;
}
#app .search_btn_wrap_1 .el-button {
  border: 1px solid #e7dada !important;
  margin-left: 5px !important;
  margin-right: 5px !important ;
  margin-bottom: 0px !important;
}

#app .view_a {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.el-button--success.is-plain {
  text-align: center;
}
#app .cell .e-button {
  margin-right: 0px !important;
  width: 80px !important;
  margin: 2px auto !important;
}
#app .page .side .el-submenu:nth-child(2n) .el-submenu__title::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(../img/1.png) no-repeat;
  background-size: 100% 100%;
  top: 18px;
  left: 0px;
  margin-left: 5px;
}
#app .page .side .el-submenu:nth-child(2n + 1) .el-submenu__title::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(../img/2.png) no-repeat;
  background-size: 100% 100%;
  top: 18px;
  left: 0px;
  margin-left: 5px;
}
#app .page .side .el-submenu:nth-child(3n) .el-submenu__title::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(../img/3.png) no-repeat;
  background-size: 100% 100%;
  top: 18px;
  left: 0px;
  margin-left: 5px;
}
#app .page .side .el-submenu:nth-child(5n) .el-submenu__title::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: url(../img/4.png) no-repeat;
  background-size: 100% 100%;
  top: 18px;
  left: 0px;
  margin-left: 5px;
}

#app .page .side .el-submenu__title {
  padding-left: 30px !important;
}
#app .page .side i {
  /*文字摆放位置*/
  /* text-align: left !important; */
  /* 文字大小 */
  /* font-size: 50px !important; */
  /* font-weight: 600; */
  /* 字体倾斜 */
  /* font-style:oblique; */
  /* 下划线 */
  /* text-decoration:underline; */
  /* 下划线颜色 */
  /* text-decoration-color: #00a4ff; */
  /* 文字颜色 */
  color: #606266;
  display: none;
}
.search_btn_find {
  background-color: #409eff !important;
}
.query_time {
  display: flex;
}
.query_time label {
  line-height: 30px;
  margin-right: 0.3125rem;
}
.el-date-editor .el-range-separator {
  width: 10% !important;
}
.el-table td,
.el-table th.is-leaf {
  border-right: 1px solid #ebeef5;
}
.el-table th.is-leaf {
  border-top: 1px solid #ebeef5;
}
.el-table td:nth-child(1),
.el-table th:nth-child(1) {
  border-left: 1px solid #ebeef5;
}

.search_btn_1 .search_btn_add {
  margin-right: 5px;
}
.search_btn_1 {
  width: 20% !important;
}
.login_conter .el-input {
  max-width: 22.625rem;
  min-width: 18rem;
}
.el-col {
  overflow: visible !important;
}
.sign_in .el-input {
  width: inherit !important;
}

/* 新增样式 */
/* 登录页面 */
.sign_in .form {
  margin-left: 33% !important;
  width: 300px !important;
  border-radius: 10px 100px !important;
  background: rgba(176, 243, 212, 0.5);
  .btns {
    position: fixed !important;
    right: 25% !important;
    top: 30% !important;

    .lg_login {
      width: 160px !important;
    }
    .lg_register {
      width: 160px !important;
      display: block !important;
      top: 120% !important;
      left: -10px !important;
      background-color: #c0ebd7 !important;
    }
    .lg_forgot {
      width: 160px !important;
      display: block !important;
      top: 220% !important;
      left: -10px !important;
      background-color: #bbcdc5 !important;
    }
    .el-button {
      width: 160px !important;
    }
    .el-button.fg_submit {
      position: fixed !important;
      top: 30% !important;
      right: 18% !important;
    }
    .el-button.fg_cancle {
      position: fixed !important;
      top: 42% !important;
      right: 18% !important;
    }
  }
  .el-form-item {
    margin-left: -40px !important;
  }
  .geetest_box_content #canvas {
    width: 90px;
    height: 40px;
    margin-left: -20px;
  }
  .geetest_box {
    margin-left: 30px !important;
  }
}
.login_conter h1 {
  font-size: 22px !important;
  font-weight: bold !important;
}
.login_conter h1::before {
  content: '' !important;
}
.sign_in .el-form-item__content {
  width: 290px !important;
}
#app .login_conter .el-form-item__content {
  margin-left: 65px !important;
}
#app .login_conter .el-form-item__content .el-input__inner,
.geetest_box .el-input .el-input__inner {
  padding-left: 10px !important;
}
#root_index .container-fluid .el-row .el-col-8 {
  width: 50% !important;
}
/* 登录页面图片的大小 */
.login_conter
  .el-form-item:nth-child(2)
  .el-form-item__content
  .el-input::before {
  width: 22px !important;
  height: 22px !important;
  top: 8px !important;
  left: -80px !important;
}
.login_conter .geetest_box .el-input::before {
  width: 22px !important;
  height: 22px !important;
  top: 8px !important;
  left: -80px !important;
}
.login_conter
  .el-form-item:nth-child(3)
  .el-form-item__content
  .el-input::before {
  left: -80px !important;
}
.el-form .btns .lg_login span {
  color: #54595a !important;
}
.el-form .btns .lg_login span::before {
  content: '';
  background-image: url(../img/login.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  height: 20px !important;
  width: 20px !important;
  position: absolute;
  top: 20px !important;
  left: 20px !important;
}
.sign_in .form .lg_forgot span::before {
  width: 24px !important;
  height: 24px !important;
}
.el-input-group__append .el-button--default {
  position: absolute;
  right: -10px;
  top: 10px;
}
/* 系统用户管理员详情页面中的输入框 */
.el-form .el-form-item__content {
  margin-left: 100px !important;
}
/* 详情 */
#app .cell .e-button {
  text-align: center !important;
}
/* 商品中心的查看评论按钮 */
.e-button--small {
  padding: 9px 15px !important;
  border-radius: 3px !important;
}
/* 管理员页面的详情按钮颜色 */
.el-table__body .el-table__row .cell a.el-button--primary {
  color: #fa8c35 !important;
}
/*人脸识别 */
.face-login {
  position: fixed !important;
  top: 23% !important;
  left: 120px !important;
}

header {
  color: #333 !important;
  height: 150px !important;
  background-color: #c0ebd7 !important;
  .action_right,
  .action_left {
    width: 25% !important;
    height: 150px !important;
  }
  .action_left .btn_menu .el-icon-menu {
    padding-top: 50px !important;
  }
  .action_center {
    width: 50% !important;
    height: 150px !important;
    line-height: 150px !important;
    font-size: 24px !important;
  }
}
.side {
  background: none !important;
}
/* 左侧导航栏小图标 */
#app .page .side .el-submenu__title {
  padding-left: 50px !important;
  background: none !important;
  background-size: 100% 100%;
  background-color: #c0ebd7 !important;
  color: #333 !important;
}

/* icon小图标 */
#app .page .side .el-submenu:nth-child(2n) .el-submenu__title::before,
#app .page .side .el-submenu:nth-child(3n) .el-submenu__title::before,
#app .page .side .el-submenu:nth-child(5n) .el-submenu__title::before,
#app .page .side .el-submenu:nth-child(2n + 1) .el-submenu__title::before {
  left: 10px !important;
}
.el-menu-item {
  padding-left: 50px !important;
}
.el-submenu .el-menu-item {
  padding: 0 45px 0 50px !important;
}
/* 当前的位置添加定位小图片 */
.el-menu-item.is-active {
  background-image: url(../img/5.png) !important;
  background-repeat: no-repeat;
  background-size: 20px 20px !important;
  background-position: 15px center !important;
}
.el_form_search_wrap {
  float: none !important;
}
/* 点击分类信息添加然后跳转到列表页的当前样式 start */
#app .side .el-menu-item.active,
#app .side .el-menu-item.is-active {
  background-image: url(../img/5.png) !important;
  background-repeat: no-repeat;
  background-size: 20px 20px !important;
  background-position: 15px center !important;
  font-size: 16px !important;
  font-weight: bold;
}
#app .side .el-menu-item.sactive {
  background: #c0ebd7 !important;
  background-image: none !important;
  font-size: 14px !important;
  font-weight: normal;
}
/* 点击分类信息添加然后跳转到列表页的当前样式 end */

/* 查询搜索框的样式 */
.el-form--label-right .row2 {
  position: absolute !important;
  top: 58px !important;
  left: 500px !important;
}
.el_form_item_warp .el-form-item__label .el-form-item {
  width: 30% !important;
}
.el-form-item .el-form-item__label {
  width: 100px !important;
}

/* 固定模块下的搜索按钮位置 */
.search_btn_wrap .search_btn_1 {
  width: auto !important;
}
/* 右侧详情页 */
.el-form .row_ce {
  overflow-x: auto !important;
}
.el_form_search_wrap .el-form-item__content .el-input .el-input__inner {
  width: auto !important;
}

/* el-main的高度 */
.el-main {
  margin-bottom: 80px !important;
}

#app .page .side .is-active .el-submenu__title {
  background-color: #67c23a !important;
}

/* 首页头部样式 */
.action_left {
  background-color: #c0ebd7;
  .el-breadcrumb__inner span {
    color: #333 !important;
  }
}

.action_center {
  background-color: #c0ebd7 !important;
  font-size: 20px;
}
.action_right {
  background-color: #c0ebd7 !important;
}

.el-dropdown {
  color: #333 !important;
}
.el-menu-item {
  background-color: #c0ebd7 !important;
}
.el-menu-item.is-active {
  color: #333 !important;
  font-weight: bold;
}
.el-menu-item {
  color: #333 !important;
}

/* 按钮颜色 */
.el-button--primary {
  background-color: #a4e2c6 !important;
  border-color: #a4e2c6 !important;
}
.el-button--danger {
  background-color: #fa8c35 !important;
}
.el-button--success.is-plain {
  background: #a4e2c6 !important;
}
.view_a .el-button {
  border: 1px solid #fa8c35 !important;
  color: #fa8c35 !important;
}

.el-form-item {
  margin: 22px;
}
.search_btn_1 {
  width: 26% !important;
}

.el-menu-item .is-active {
  color: #333 !important;
}

.el-menu .active span {
  color: #333 !important;
}
.el-menu .sactive span {
  color: #333 !important;
}
.el-button--primary.is-plain {
  color: #333 !important;
}
table a {
  color: #fa8c35 !important;
}
.el-upload-dragger .el-upload__text em {
  color: #fa8c35 !important;
}
.view_a .el-button--primary span {
  color: #fa8c35 !important;
}
.el-form-item__content .el-button--default {
  border: 1px solid #fa8c35 !important;
  color: #fa8c35 !important;
}
.el-form-item__content .el-button:hover {
  background-color: none !important;
}
.el-form-item__content .el-col-lg-12 {
  width: auto !important;
  margin: 0 8px 5px 0 !important;
}

/* 输入框获取焦点时的边框 */
.el-input .el-input__inner:focus {
  border: 1px solid #fa8c35 !important;
}
/* 多文本框获取焦点时的边框 */
.el-textarea .el-textarea__inner:focus {
  border: 1px solid #fa8c35 !important;
}
.el-form-item__content .el-button {
  width: auto !important;
}
.el-form-item__content button {
  margin-right: 10px !important;
}
.el-form-item__content .el-button--default {
  float: left !important;
}
.el-table__row .el-button--primary span {
  font-size: 12px !important;
}
